<script lang="ts" setup>
import JSConfetti from 'js-confetti'
import {isMobile} from '@/utils/utils'
import {onMounted,nextTick, provide, reactive} from 'vue'
const confetti = new JSConfetti()
function showConfetti() {
  if(isMobile()){
    return
  }
  nextTick(() => {
    confetti.addConfetti()
  })
}
onMounted(() => {
  showConfetti()
})

let custromUserInfo = reactive({
  avatar:"https://tse1-mm.cn.bing.net/th/id/OIP-C.Qe0gs63lO7gydIx5Gdpv3AAAAA?rs=1&pid=ImgDetMain",
  userName:"罗熙",
  desc:"人生: 譬如朝露 去日苦多",
  siteName:"黄粱一梦",
  showRedLantern:true, // 是否显示红灯笼
  showDanMu:false, // 是否显示弹幕
})
provide("custromUserInfo",custromUserInfo)

</script>
<template>
  <router-view/>
</template>

<style lang="scss">

:root {
  --luox-primary-color: rgb(160, 68, 210);
  --luox-whrite-color: rgb(255, 255, 255);
  --luox-header-height: 56px;
  --luox-main-center-margin-top: 1.5rem;
  --luox-default-radius: 20px;
}



*{
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  // font-family: '楷体','微软雅黑';
  font-size: 14px;
  font-weight: bold;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里妈妈";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/vojAl4hsXtYC/Llf2dFQBXMsi.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/vojAl4hsXtYC/bt3Ol5tYy7hI.woff") format("woff");
  font-display: swap;
}

a {
  transition: all 0.2s;
  cursor: pointer;
}

.clap-ellipsis {
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.flex {
  display: flex;
}

.ant-pagination .ant-pagination-item {
  border-radius: 0px;
}

// 修改code样式
.github-markdown-body div[class*=v-md-pre-wrapper-] {
  border-radius: 12px;
  border: 1px solid #c8c8c852;
}
// h1/h2的下划线样式
.github-markdown-body h1, .github-markdown-body h2 {
  border-bottom: none;
}
.github-markdown-body a {
  color: var(--luox-primary-color);
}
.github-markdown-body code, .github-markdown-body tt {
  background-color: #ececec;
  color: var(--luox-primary-color);
}


.vcard {
.vh {
  padding: 15px;
  border-radius: 12px;
  background-color: rgb(200 200 200 / 17%);
  .vhead {
    .vnick {
      color: var(--luox-primary-color);
      &:hover {
        color: var(--luox-primary-color) !important;
      }
    }
  }
  .vmeta {
    .vat {
      color: var(--luox-primary-color) !important;
    }
  }
}
}
.vcontent {
  img {
    border-radius: 12px;
  }
}
.vvisitor {
  background-color: #49d34d !important;
}
</style>
